import BreadcrumbDept from '@/components/BreadcrumbDept';
import { PageContainer } from '@ant-design/pro-layout';
import { Card, Tabs } from 'antd';
import ManageTab from './manageTab';
import QuestionnaireTab from './questionnaireTab';
import './style.less';

const FollowUp = () => {

  return (
    <PageContainer extra={<BreadcrumbDept />} breadcrumb={{}}>
      <Card bodyStyle={{ padding: '12px 0' }}>
        <Tabs
          type="card"
          destroyInactiveTabPane
          tabBarStyle={{ marginBottom: 6, padding: '0 24px' }}
          defaultActiveKey={'tab1'}
        >
          <Tabs.TabPane key="tab1" tab="随访管理">
            <ManageTab />
          </Tabs.TabPane>
          <Tabs.TabPane key="tab2" tab="随访调研表">
            <QuestionnaireTab />
          </Tabs.TabPane>
        </Tabs>
      </Card>
    </PageContainer>
  );
};

export default FollowUp;
